<template>
	<view class="content bg-white">
		<view class="image">
			<image mode="aspectFill" src="../../static/cakeImage/cake3.webp"></image>
		</view>
		<view class="info ">
			<!-- 商品信息 -->
			<view class="padding-sm">
				商品信息
			</view>
			<!-- 价格 -->
			<view class="price u-border-top padding-sm">
				<text>￥</text>
				<text>100</text>
			</view>
			<!-- 配送信息 -->
			<view class="u-border-top padding-sm">
				配送信息
			</view>
		</view>
		<view class="tab-bar">
			<!-- 购物车 -->
			<view class="cu-bar bg-white tabbar border shop foot">
				<button class="action" open-type="contact">
					<view class="cuIcon-service text-green">
						<view class="cu-tag badge"></view>
					</view> 客服
				</button>
				<view class="action">
					<view class="cuIcon-cart">
						<view class="cu-tag badge">99</view>
					</view>
					购物车
				</view>
				<view class="btn-group">
					<button class="cu-btn bg-orange round shadow-blur">加入购物车</button>
					<button class="cu-btn bg-red round shadow-blur">立即订购</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: null,
			};
		},
		onLoad(option) {
			this.id = option
			console.log(option);
		},
	}
</script>

<style lang="scss" scoped>
	.image {
		width: 100%;
		height: 40vh;

		image {
			width: 100%;
			height: 100%;
		}
	}
</style>